<!DOCTYPE html>
<html lang="en">
<head>
    <title>libros</title>
	 <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/grid_12.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/demo.css">
    <link href='http://fonts.googleapis.com/css?family=Cabin+Sketch:400,700' rel='stylesheet' type='text/css'>
    <link rel="shortcut icon" href="images/mariposa.png" type="logoprincipal">
	<script src="js/jquery-1.7.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/uCarousel.js"></script>
	<script src="js/tms-0.4.1.js"></script>
    <script>
		$(document).ready(function(){
		  $('.gallery')._TMS({
			  show:0,
			  pauseOnHover:true,
			  prevBu:'.prev',
			  nextBu:'.next',
			  playBu:'.play',
			  duration:700,
			  preset:'fade',
			  pagination:$('.img-pags').uCarousel({show:2,shift:0, rows:4}),
			  pagNums:false,
			  slideshow:7000,
			  numStatus:true,
			  banners:false,
			  waitBannerAnimation:false,
			  progressBar:false
		   })		
		 })
	  </script>
	<!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
    	<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
	<![endif]-->
    <style type="text/css">
<!--
.Estilo7 {color: #FFFFFF; font-style: italic; }
-->
    </style>
</head>
<body>
  <div class="main">
  <!--==============================header=================================-->
    <header>
        <h1><a href="index.html"></a></h1>
        <nav>  
            <div id="slide">			  	
                <div class="gallery">
                    <ul class="items">
                        <li><img src="images/gallery-big-1.jpg" alt=""></li>
                        <li><img src="images/gallery-big-2.jpg" alt=""></li>
                        <li><img src="images/gallery-big-3.jpg" alt=""></li>
                        <li><img src="images/gallery-big-4.jpg" alt=""></li>
                        <li><img src="images/gallery-big-5.jpg" alt=""></li>
                        <li><img src="images/gallery-big-6.jpg" alt=""></li>
                      <li><a href="#"></a></li>
                      <li><a href="#"></a></li> 
                    </ul>
                </div>
                <a href="#" class="prev"></a><a href="#" class="next"></a>            </div>		
            <ul class="menu">
                <li><a href="Inicio.html" class="clr-1">Inicio</a></li>
                <li><a href="Maternal.html" class="clr-2">Maternal</a></li>
                <li><a href="Kinder.html" class="clr-3">Kinder</a></li>
                <li class="fotos"><a href="fotos.html" class="clr-4">Fotos</a></li>
                <li><a href="contactos.html" class="clr-5">Contactos</a></li>
				 <li><a href="Productos.html" class="clr-6">Productos</a></li>
            </ul>
      </nav>
    </header>   
  <!--==============================content================================-->
    
	<section id="content">
	  <div class="container_12">	
          <div class="grid_4 bot-1">
            <h2 align="center" class="top-6 p2"><a href="inicio.html"><img src="images/logos_colortransparentes.png" alt="logos" width="241" height="167" border="0"></a></h2>
            <p>&nbsp;</p>
	        <form name="form1" method="post" action="">
		        <label>Categoria
		          <select name="select" size="1">
		            <option>Libros</option>
		            <option>Juguetes</option>
		            <option>Material didactico</option>
                </select>
	            </label>
	        </form>
			  <footer   id="Login"  class="footer" name="Login">
		<h2 align="left"> login</h2>
		<form   class="footer-form">
			
		    <div align="left">
		      <input class="footer-formImput" type="text" placeholder="Nombre"/>
		     <input class="footer-formImput" type="text" placeholder="Contraseña"/>
		      <button class="footer-formbutton" type="submit"> login </button>
		    </div>
		</form>
		<div class="form-indication">
		  <div align="left"><a href="registrarse.html" class="text-1">registrarse</a><a href="../escuela/registrarse.html" class="text-1"></a></div>
		</div>
	</footer>
	
		      <p><a href="images/mariposas.gif"></a><span class="top-6 p2"><img src="images/mariposas.gif" alt="mariposa" width="271" height="205"></span></p>
            <p align="left" class="top-6 p2">&nbsp;</p>
        </div>
		  
		  <div class="grid_8">
            <div class="block-1 top-5">
            	<div class="block-1-shadow">
                	<table width="565" border="0">
                      <tr>
                        <td width="266" height="44" bgcolor="#FF0066"><p>&nbsp;</p>
                            <p>&nbsp;</p></td>
                        <td width="16" bgcolor="#FFFFFF"><div align="center"></div></td>
                        <td width="269" bgcolor="#FF0066"><div align="center"></div></td>
                      </tr>
                    </table>
                	<h2 align="center" class="clr-6 p4">Libros</h2>
                	<div class="pag">
                      <div class="img-pags">
                        <ul>
                          <li>
                            <div align="center"><img src="images/yoescribo.png" alt="yoescribo" width="273" height="196" border="0"><a href="libro yo escribo a.html" class="text-2">Yo Conozco A (Libro de actividades)</a><span><strong class="text-2">  </strong></span></div>
                          </li>
                          <li>
                            <div align="center"><img src="http://www.elisaguerra.org/_Media/portada-yo-escribo-b_med.png" alt="yo escribo B" width="269"/><a href="libro yo escribo b.html" class="text-2">Yo escribo B (Libro de actividades)</a></div>
                          </li>
                          <li>
                            <div align="center"><img src="http://www.elisaguerra.org/_Media/portada-yo-escribo-c_med.png" alt="Yo escribo C (Libro de actividades" width="270"/><a href="libro yo escribo c.html" class="text-2">Yo escribo C (Libro de actividades)</a></div>
                          </li>
                          <li><a href="#"><span><strong class="text-2">Yo Conozco (Libro de actividades) </strong></span></a></li>
                          <li><a href="#"><span><strong class="text-2">Yo Conozco (Libro de actividades) </strong></span></a></li>
                          <li><a href="#"><span><strong class="text-2">Yo Conozco (Libro de actividades) </strong></span></a></li>
                          <li><a href="#"><span><strong class="text-2">Yo Conozco (Libro de actividades) </strong></span></a></li>
                          <li><a href="#"><span><strong class="text-2">Yo Conozco (Libro de actividades) </strong></span></a></li>
                          <li><a href="#"><span><strong class="text-2">Yo Conozco (Libro de actividades) </strong></span></a></li>
                          <li><a href="#"></a></li>
                          <li></li>
                        </ul>  
                      </div>								
                  </div>
                    <div class="clear"></div>
                    <div class="pad-2"></div>
              </div>
            </div>
            <div align="center">
              <!--==============================footer=================================-->
            </div>
            <div align="center"><a href="images/graciasporvisitarnos.gif"><img src="images/graciasporvisitarnos.gif" alt="gracias" width="448" height="53" border="0"></a> </div>
            <footer>
				<p align="center">&nbsp;</p>
            </footer>
            <div align="center"></div>
        </div>
          <div class="clear"></div>
      </div>
    </section>    
</div>      
</body>
</html>